body {
  min-width: 430px;
  max-width: 932px;
  margin: 0 auto;
  perspective: 23.2558rem;
  background: url(../images/bc-7.gif) no-repeat;
  background-color: #08046c;
  background-size: 100% 11.6279rem;
}
@media screen and (min-width: 932px) {
  html {
    font-size: 43px;
  }
}
@keyframes rotate {
  100% {
    transform: rotateY(360deg);
  }
}
section {
  position: relative;
  width: 6.0465rem;
  height: 5.1163rem;
  margin: 10.4651rem auto;
  transform-style: preserve-3d;
  animation: rotate 10s linear infinite;
}
section div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section div img {
  width: 100%;
  height: 100%;
}
section div:nth-child(1) {
  transform: translateZ(5.814rem);
}
section div:nth-child(2) {
  transform: rotateY(60deg) translateZ(5.814rem);
}
section div:nth-child(3) {
  transform: rotateY(120deg) translateZ(5.814rem);
}
section div:nth-child(4) {
  transform: rotateY(180deg) translateZ(5.814rem);
}
section div:nth-child(5) {
  transform: rotateY(240deg) translateZ(5.814rem);
}
section div:nth-child(6) {
  transform: rotateY(300deg) translateZ(5.814rem);
}
